<template>
    <div>
        <van-nav-bar title="确认订单" left-arrow @click-left="onClickLeft" />
        <div style="width: 100%;height: 20px;background: pink;">
            <p>温馨提示:下载蘑菇街App,及时跟进订单信息呦！</p>
        </div>
        <van-contact-card type="edit" :tel="tel" :name="name" @click="onEdit" />
        <div >
             <van-cell title="华洋世纪百货" icon="location-o" value="联系商家"/>
            <van-card num="2" price="3300.92" desc="黑色" title="创维首发智能产品ID高清可操控"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />


        </div>
        <van-cell title="快递运费" value="￥0.00" />
        <van-cell title="退货补运费" value="退货预计补贴10.00" is-link />
        <van-cell title="延误必赔" value="商家赠送" is-link />
        <van-cell title="订单备注" value=""  />
        <van-cell  value="店铺合计:￥3300.92" />
        <van-submit-bar :price="330092" button-text="提交订单" @submit="onSubmit" />



    </div>
</template>

<script setup>
import { ref } from 'vue';
import { showToast } from 'vant';
const tel = ref('张三 130000000');
const name = ref('北京市北京昌平区001号');
const onEdit = () => showToast('edit');
import _ from 'lodash'
import router from '@/router';
const onSubmit=_.debounce(()=>{
    router.push('/pay')
},150)
// import { ref } from 'vue';
import { payApi } from '@/api/api';
let pay=ref([])
payApi().then(res=>{
    pay.value=res.data.data
    window.open(res.data.data,'_blank')
})


</script>

<style lang="scss" scoped></style>